body {
	background: #000 no-repeat;
	background-image: linear-gradient(top, #23334B 0px, #000 300px);
	background-image: -moz-linear-gradient(top, #23334B 0px, #000 300px);
	background-image: -o-linear-gradient(top, #23334B 0px, #000 300px);
	background-image: -webkit-linear-gradient(top, #23334B 0px, #000 300px);
	background-image: -ms-linear-gradient(top, #23334B 0px, #000 300px);
	color: #333;
	font: normal 10pt Trebuchet MS, Arial, sans-serif;		
}

#fLayoutHeaderWrap {
	height: 60px;
	font-size: 32px;
	background: #DDD;
	padding: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

#fLayoutBodyWrap, #fLayoutFooterWrap {
	width: 780px;
	margin: 0 auto;
}

#fLayoutBodyWrap {
	margin-top: 20px;
}

#fLayoutContentWrap {
	background: #FFF;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	a {
		color: #1F6AB5;
		text-decoration: none;
		.f-docs-f {
			background: #4685B5;
		}
	}
	a:hover {
		color: #2A9DFF;
		.f-docs-f {
			background: #2A9DFF;
		}
	}
	ul {
		list-style: none;
		margin: 5px 0 10px 10px;
	}
	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.2em;
	}
	p {
		margin: 5px 0 20px 0;
	}
	.f-docs-f {
		color: #FFF;
		background: #333;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 0 4px;
		text-transform: uppercase;
		font-size: 0.9em;
		.f-docs-brackets {
			display: none;
		}
	}
	table.f-docs-index {
		border-collapse: collapse;
		td {
			padding: 5px;
			border-top: 1px solid #AAA;
			.f-docs-params {
				font-size: 0.85em;
				font-style: italic;
				opacity: 0.8;
			}
		}
		td.f-docs-index-desc {
			font-style: italic;
		}
		tr:first-child td {
			border: 0;
		}
	}
}	

/* navigation */

#fLayoutNavigationWrap {
	position: absolute;
	top: 100px;
	background: #CCC;
	width: 780px;
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		height: 25px;
		overflow: hidden;
		li {
			list-style: none;
			margin: 0;
			padding: 0;
			display: block;
			float: left;
			a {
				color: #333;
				display: block;
				height: 25px;
				text-decoration: none;
				padding: 0 10px;
				line-height: 25px;
				font-size: 14px;
				font-weight: bold;
				&:hover {
					background: #1F6AB5;
					color: #FFF;
				}
			}
		}
	}
}

#fLayoutSidebarWrap {
	float: left;
	width: 160px;
	padding: 50px 0 30px 20px;
}

#fLayoutArticleWrap {
	float: right;
	border-left: 1px solid #DDD;
	padding: 20px 10px 30px 20px;
}

h1 {
	font-weight: normal;
}

footer {
	color: #AAA;
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
	padding: 10px 0 20px 0;
}